<!DOCTYPE html>
<html lang="en">
<head>
    <!--jq对属性的操作
        通过attr（）获取属性
        通过attract（）修改属性
    -->
    <meta charset="UTF-8">
    <script src="/jquery-3.2.1.js"></script>
    <title>Title</title>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button:first").click(function () {
                var str = $("h2").attr("style");
                console.log(str);
                alert(str);
            });
            $("button:last").click(function () {
                var str2 = $("h2").attr("game");
                console.log(str2);
                alert(str2);
            });
//            满足butto是奇数的
            $("button:odd").click(function () {
                $("h2").attr("style","text-align:left");
            });
        });
    </script>
</head>
<body>
<button type="button">获取属性</button>
<button type="button">修改style属性</button>
<button type="button">获取自定义的属性</button><br>
<h2 style="text-align: center" game="自定义">标题居中</h2>
</body>
</html>